{php}
$CmsMenuList = $dataArr['CmsMenuList']; // 栏目
$ContentList = $dataArr['ContentList']; // 当前栏目内容列表 默认8条
$zuoPinList = $dataArr['zuoPinList']; // 那些作品列表 默认20条 带分页实际页面没做分页
$pageInfos = $pageInfo; // 页面信息
$cssAbout = "css/about.css"; // 列表页css
$pageInfoList = $pageInfo; // 列表页要用的栏目信息
{/php}
{include file="header" pageInfos="$pageInfos" CmsMenuList="$CmsMenuList" cssAbout="$cssAbout"/}

<article class="about">
    <div class="layui-row">
        <div class="layui-col-md9 Clear content">
            <div class="layui-col-md12 publicHead Clear">
                <div class="body">
                    <h2><span>个人简介</span></h2>
                    <div>
                        <div class="layui-col-md2 Clear left">
                            <img src="{$pageInfoList.menuimg |default='__static__/img/avatar.jpg'}" alt="{$pageInfoList.keywords}">
                        </div>
                        <div class="layui-col-md10 Clear right">
                            <h1>曾小晖 一个90后菜鸟男站长！三级码农、Web前端开发、APP前端开发。浙江嘉兴一家网络科技公司任职，曾小晖个人博客网站创始人。</h1>
                            <h2>从制作博客开始就用“曾小晖”，一步步从博客制作到发布，学习了很多知识哦,这个博客网站主要用来记录生活日记和捣鼓一些新功能比如：
                                APP运行服务。不忘初心、心存感激，感谢一路陪我走过的那些朋友，开心、难过、激动、不甘……新的一年，新的开始，我们一起加油！</h2>
                            <h2 style="color: #CC5900;">如何找到我？ 邮箱：1257538859艾特qq.com（请自行替换“艾特”为“@”），微信号：badiweier 注意：务必备注：
                                <span style="color: #B95AFD;"> 博客 </span>二字</h2>
                        </div>
                    </div>
                </div>
            </div>
            <!--head end-->
            <div class="layui-col-md12 publicHead mytag Clear">
                <div class="body">
                    <h2><span>我的标签</span></h2>
                    <div class="tags">
                        <div class="Tag-row">
                            <span>个人标签:</span>
                            <a href="">开朗活泼</a>
                            <a href="">技术控</a>
                            <a href="">动手能力强</a>
                            <a href="">吃货会做饭</a>
                            <a href="">爱设计</a>
                            <a href="">动手能力强</a>
                        </div>
                        <div class="Tag-row1">
                            <span>技能标签:</span>
                            <a href="">WEB开发</a>
                            <a href="">APP开发</a>
                            <a href="">VUE.JS</a>
                            <a href="">H5+</a>
                            <a href="">PHP</a>
                            <a href="">JQ</a>
                            <a href="">CSS3</a>
                            <a href="">HTML5</a>
                            <a href="">AJAX</a>
                            <a href="">JSON</a>
                            <a href="">AXIOS</a>
                            <a href="">FlEX布局</a>
                            <a href="">LESS</a>
                        </div>
                    </div>
                </div>
            </div>
            <!--我的标签 end-->
            <div class="layui-col-md12 publicHead random Clear">
                <div>
                    <h2><span>那些作品</span></h2>
                    <div class="blockBody">
                        {volist name="$zuoPinList['data']" id="data"}
                            <div class="layui-col-md3 Clear">
                                <a href="/detail/{$data.id}.html">
                                    <img src="{$data.headimg |default='__static__/img/noimg.jpg'}" alt="{$data.title}" title="{$data.title}">
                                    <h1 title="item.title">{$data.title}</h1>
                                    <p title="item.easyinfo">{$data.easytitle}</p>
                                    <div><span class="timeType">{$data.newtime}</span><span class="more">+文章阅读</span></div>
                                </a>
                            </div>
                        {/volist}
                    </div>
                </div>
            </div>
            <!--那些作品 end-->
        </div>
    </div>
    </div>
</article>

{include file="footer" /}